/*
Theme Name: TecBridge
Theme URI: http://www.uci.edu
Description: Consultant
Author: Will Huang
Author URI: http://example.com/
Version: 1.0
Tags: Comma-separated tags that describe your theme
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
 
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

/* Structure */
@import url('styles/structure.css');

/* ++++++++++++++  GENERAL CONTENT STYLE  ++++++++++++++ */

@font-face {
	font-family: 'Titillium Maps';
	src: url('fonts/TitilliumMaps29L002.eot');
	src: local('Titillium Maps'), local('TitilliumMaps'),
		url('fonts/TitilliumMaps29L002.otf') format("opentype"),
		url('fonts/TitilliumMaps29L002.woff') format("woff");
}

body
{
	background: #eee url(images/header_outer.jpg) repeat-x ;
	color: #333;
	font-family: arial, helvetica, sans-serif;
	padding: 0 2em;
}

body a:link,
body a:visited
{
	color:#7BA428;
	text-decoration: none;
}

body a:hover,
body a:active,
body a:focus
{
	text-decoration: none;
}

nav#header-nav a:hover,
nav#header-nav a:active,
nav#header-nav a:focus {
	background:#669933;
}

#wrapper {
	-moz-box-shadow: -5px -5px 5px #888;
	-webkit-box-shadow: -5px -5px 5px #888;
	box-shadow: -5px -5px 5px #888;
	background-color:#fff;
	margin: 2em auto;
	width: 1050px;
}

header#branding {
	position:relative;
	border-top:solid 3px #555;
	padding: 0px;
/* 	z-index: 9999; */
	clear:both;
	display:block;
}

header#branding #searchform {
	float:right;
	padding-top:20px;
	padding-right:20px;
}
header#branding .widget-area {
	position: absolute;
	top: 85px;
	right: 30px;

}

header#branding .widget-area aside {
	margin: 0 5px;
	display: inline-block;
}

#site-title
{
	font-size:3em;
	float:left;
	padding-top:20px;
	margin-left:20px;
}

#site-description
{
	color:#555;
	margin-left:20px;
	font-size:1.4em;
	letter-spacing:1px
	clear:both;
}

#branding img {
	width: 100%;
	height: auto;
}

/* ++++++++++++++  SPECIFIC CONTENT STYLE  ++++++++++++++ */

.entry-title  
{
	font-size: 21px;
	
}

.tabs-title {
	font-size: 15px;
}

article .entry-title a:link,
article .entry-title a:visited
{
	color: black;
}

article .entry-title a:hover,
article .entry-title a:active
{
	color: #7BA428;
	text-align: center;
}

article
{
	overflow: auto;
	padding: 15px 0 20px;
	width: 100%;
	
}

article .page-link {
	overflow: auto;
	width: 100%;
}

.archive article,
.category article,
.blog article {
	border-bottom:solid;
	border-width: 1px;
}

#comments ul,
#primary ul {
	list-style: none;
}

#primary li {
	display:block;
	padding-bottom: 40px;
}


/* ++++++++++++++  MENU  ++++++++++++++ */
/*modified from the beez-5 theme of joomla*/

#header-nav {
	position:absolute;
	bottom:0;
	right:0;
	width:100%;
}

nav#header-nav ul,
div.menu ul {
	list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    background-color:#fff;
}

nav#header-nav li,
div.menu li {
	float: left;
    position: relative;
   	
}

nav#header-nav ul ul {
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
 	width: 180px;
	z-index: 99999;
}

nav#header-nav a {
	color: #333;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
	font-weight:bold;
}

nav#header-nav ul li:hover > ul {
	display: block;
	color:#444;
	background-color:#ddd;
	width: 120px;
}

nav#header-nav ul ul a {
	line-height: 1em;
	padding: 10px;
	width: 100px;
	height: auto;
}

nav#header-nav ul ul ul {
	left: 100%;
	top: 0;
}

nav#header-nav ul li.current_page_item > a,
nav#header-nav ul li.current-menu-ancestor > a,
nav#header-nav ul li.current-menu-item > a,
nav#header-nav ul li.current-menu-parent > a {
	background-color:#7BA428;
	color: #fff;
}

/*************** Social Buttons **********/
div#social-group
{
	display:inline-block;
	left: 17%;
    position: absolute;
    top: 2.5em;
}

div#social-group ul
{
	list-style:none;
}

div#social-group li 
{
	display:inline;
	float:left;
}

div#social-group a:hover
{
	background:#999;
}



/* ++++++++++++++  FORMS  ++++++++++++++ */
/*Taken from wordpress default theme*/
input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}

/* ++++++++++++++  SEARCH  ++++++++++++++ */
/*Taken from wordpress default theme*/

#branding #s {
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	background: url(images/search.png) no-repeat 5px 6px;
	float: right;
	padding: 4px 10px 4px 28px;
	width: 56%;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 114%;
	margin-left:20px;
}

#branding #searchsubmit { 
	display: none; 
}


#branding .only-search #s {
	background-color: #eee;
	border-color: #ddd;
	color: #888;
}
#branding .only-search #s:focus {
	background-color: #ddd;
}


/* ++++++++++++++  CALENDAR WIDGET  ++++++++++++++ */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* ++++++++++++++  BLOG NAVIGATION  ++++++++++++++ */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 0;
}

#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}

#nav-above {
	padding: 0 0 0;
}

#nav-above {
	display: block;
}

.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* ++++++++++++++++ Page Text ++++++++++++++++++ */  /* Added by Sanchit */

/*
#text{
color: black;
font-size: 50%;
}
*/

.page .entry-header .entry-title {
	text-align: center;
	font-size: 35px;
}
article {
	padding: 1.5%;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
	position: relative;
}

article img,
article #story {
	vertical-align: top;
}

article #story {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:left;
}

article .entry-title {
	padding: 0px 0px 4px 0px;
	font-size: 24px;
	font-weight: bold;
}

article.post-article {
	cursor: pointer;
	border: thin solid transparent;
	-moz-transition: all ease-in-out .7s;
	-o-transition: all ease-in-out .7s;
	-webkit-transition: all ease-in-out .7s;
	-ms-transition: all ease-in-out .7s;
	transition: all ease-in-out .7s;
}

article.post-article:hover {
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #ddd;
	-o-box-shadow: 1px 1px 5px #ddd;
	-webkit-box-shadow: 1px 1px 5px #ddd;
	-ms-box-shadow: 1px 1px 5px #ddd;
    box-shadow: 1px 1px 5px #ddd;
}


.column-section .entry-title,
.row-section .entry-title {
	font-size: 16px;
	font-weight: normal;
}

.column-section article {
	display: inline-block;
	width: 187px;
	height: 300px;
}

.column-section .title {
	font-size: 16px;
	font-weight: bold;
	padding-left: 1.5%;
}

.column-section article img {
/* 	width: inherit; */
	height: 120px;
}
.column-section .image#story {
	margin-top: 10px;
	height: 170px;
	
} 
.column-section .no-image#story {
	height: 300px;
}

/* ++++++++++++++ ABOUT US PAGE  ++++++++++++++ */
.about-us-template #biography article img {
	width: auto;
}

.biography .date {
	display: none;
}

.single-biography .navigation {
	display: none;
}


 